<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>随机函数练习</title>
</head>
<body>
<script>
    // ['赵云’, '黄忠’, '关羽’, '张飞’, '马超’, '刘备’, '曹操’] 随机显示一个名字到页面中
    let 数组姓名=['赵云', '黄忠', '关羽', '张飞', '马超', '刘备', '曹操']

    // 取一个随机的整数,作为索引号
    let 随机索引 = Math.floor(Math.random() * 数组姓名.length) // 数组姓名.length 数组的长度
    document.write(`随机姓名是: ${数组姓名[随机索引]}`) // 输出页面
    document.write(`<br><br>`) // 输出页面


    // 随机点名案例改进 随机显示一个名字到页面中，但是不允许重复显示
    let 数组姓名2=['赵云', '黄忠', '关羽', '张飞', '马超', '刘备', '曹操']

    // 取一个随机的整数,作为索引号
    let 随机索引2 = Math.floor(Math.random() * 数组姓名2.length) // 数组姓名.length 数组的长度
    document.write(`案例改进,随机姓名不重复: ${数组姓名2[随机索引2]}`) // 输出页面
    document.write(`<br>`) // 换行

    数组姓名2.splice(随机索引2, 1) // 输出抽取到的姓名,保证以后不再显示
    document.write(数组姓名2) // 输出数组，看是否删除了 选中的元素
    document.write(`<br><br>`) // 换行

    // 再次随机读取数组
    let 随机索引3 = Math.floor(Math.random() * 数组姓名2.length) // 数组姓名.length 数组的长度
    document.write(`案例改进,随机姓名不重复: ${数组姓名2[随机索引3]}`) // 输出页面
    document.write(`<br>`) // 换行

    数组姓名2.splice(随机索引3, 1) // 输出抽取到的姓名,保证以后不再显示
    document.write(数组姓名2) // 输出数组，看是否删除了 选中的元素
    document.write(`<br><br>`) // 换行





    // 函数版 随机点名 随机显示一个名字到页面中，但是不允许重复显示
    let 点名人数=+prompt('输入要随机点名的人数1-7')
    let 数组_姓名=['赵云', '黄忠', '关羽', '张飞', '马超', '刘备', '曹操']
    function 随机点名(点名数) {
        let 随机索引 = Math.floor(Math.random() * 数组_姓名.length) // 数组姓名.length 数组的长度
        for (let i = 0; i < 点名数; i++) {
            document.write(`随机姓名不重复: ${数组_姓名[随机索引]}`) // 输出页面
            document.write(`<br>`) // 换行

            数组_姓名.splice(随机索引, 1) // 输出抽取到的姓名,保证以后不再显示
            document.write(数组_姓名) // 输出数组，看是否删除了 选中的元素
            document.write(`<br><br>`) // 换行
        }
    }

    // 调用函数
    随机点名(点名人数)
</script>
</body>
</html>